﻿@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans-Regular.eot');
	src: local('☺'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    margin: 0px;
    font-family: 'OpenSans';
}
#header {
    padding: 27px 0;
    background-color: #eee;
    border-bottom: 1px solid #e6e6e6;
}

#header > div {
    width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

#header .logo {
    float: left;
    padding-right: 20px;
}

#header .logo a {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 68px;
    display: block;
    background: url("/images/sat_64.png") no-repeat center top;
}

#header ul {
    list-style: none;
    line-height: 80px;
    display: inline-block;
}

#header ul li {
    text-align: center;
    display: inline;
    float: left;
    width: 150px;
}

#header ul li a {
    text-decoration: none;
}

.tech-image {
    width: 200px;
    height: 200px;
}

#adbox {
    padding: 60px 0;
}

#adbox > div {
    width: 700px;
    margin: 0 auto;
}

#adbox > div img {
    float: right;
}

.text-hello {
    padding-top: 10px;
}

#navigation li a:hover {
    color: #000;
}

#navigation li a {
    color: #818181;
}

#navigation li.active a {
    color: #f99600;
}

.text-contact {
    border-bottom: 1px solid gray;
}

#contact {
    padding: 60px 0;
}

#contact > div {
    width: 500px;
    margin: 0 auto;
}

